<!DOCTYPE html>
<html>
	
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<title>荣荣</title>
		<link rel="shortcut icon" href="./image/favicon.ico">
		<link rel="stylesheet" href="./css/main.css">
		<!--我们相爱了-->
		<style>
			.momv {
				text-align: center;
			}

			.momv img {
				width: 50px;
				height: 50px;
				vertical-align: -20px;
				border-radius: 50%;
				margin-left: 5px;
				margin-bottom: 5px;
				border: 2px solid #fff;
				display: inline-block;
			}

			.momo {
				color: red;
				font-size: 40px;
				font-style: normal;
				font-weight: normal;
				speak: none;
				display: inline-block;
				text-decoration: inherit;
				width: 1em;
				margin-right: .2em;
				text-align: center;
				font-variant: normal;
				text-transform: none;
				line-height: 1em;
				margin-left: .2em;
				-webkit-font-smoothing: antialiased;
				-moz-osx-font-smoothing: grayscale;
				-webkit-animation: xintiao 1.33s ease-in-out infinite;
				animation: xintiao 1.33s ease-in-out infinite
			}

			@-webkit-keyframes xintiao {
				0% {
					-webkit-transform: scale(1)
				}

				50% {
					-webkit-transform: scale(.8)
				}

				to {
					-webkit-transform: scale(1)
				}
			}

			@keyframes xintiao {
				0% {
					-webkit-transform: scale(1);
					transform: scale(1)
				}

				50% {
					-webkit-transform: scale(.8);
					transform: scale(.8)
				}

				to {
					-webkit-transform: scale(1);
					transform: scale(1)
				}
			}
		</style>
		<!--我们相爱了-->
		<style type="text/css">
			.heart {
				width: 10px;
				height: 10px;
				position: fixed;
				background: #f00;
				transform: rotate(45deg);
				-webkit-transform: rotate(45deg);
				-moz-transform: rotate(45deg);
			}

			.heart:after,
			.heart:before {
				content: '';
				width: inherit;
				height: inherit;
				background: inherit;
				border-radius: 50%;
				-webkit-border-radius: 50%;
				-moz-border-radius: 50%;
				position: fixed;
			}

			.heart:after {
				top: -5px;
			}

			.heart:before {
				left: -5px;
			}
			img{
				pointer-events: none;
			}
			body::after{
				content: none;
			}
		</style>
	</head>
	<body onselectstart="return false" class="" onclick="playMp3(this)">
		<audio loop autoplay  id="mp_3">
			<source src="./image/ndmd.mp3"></source>
		</audio>
		<div id="wrapper">
			<section id="main">
				<span class="avatar">
					<img src="./image/log.png" alt=""></span>
				<h1>荣荣妹</h1>
				<p>🍒你是我的今天，以及所有的明天。</p>
				<form name="form1">
					<!--我们相爱了-->
					<div class="momv">
						<img src="./image/log2.jpg">
						<i class="momo">❤</i>
						<img src="./image/log1.jpg">
						<br>
						<span id="momk">时间</span>
						<!-- 时间 -->
						<script src="./js/time.js"></script>
					</div>
				</form>
			</section>
			<footer id="footer">
				<a href="https://www.cnblogs.com/1748sb/">©小泽沐忧声</a>.博客
			</footer>
		</div>
		<div class="meiha"></div>
		<!-- 配套样式，可以替换其中的图片地址 -->
		<style>
			/** 梅花枝 **/
			.meiha {
				position: fixed;
				top: 0;
				right: 0;
				z-index: 999;
				width: 350px;
				/** PNG图宽度 **/
				height: 231px;
				/** PNG图高度 **/
				pointer-events: none;
				background: url('./image/1kBpid.png');
			}
		</style>

		<script src="./js/jquery.min.js"></script>
		<!-- 爱心 -->
		<!-- <script src="./js/mom.js"></script> -->
		<!-- 漫天花瓣 img-->
		<!-- <script src="./js/snowfall.js"></script> -->
		<!-- 漫天花瓣 -->
		<script src="./js/flower.js"></script>
	</body>
</html>
